﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Styles/Admin.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="Administration_layout_index" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script language="javascript" >
    function colorChanged(sender) {
      sender.get_element().style.color =
           "#" + sender.get_selectedColor();
      sender.get_element().value = "#" + sender.get_element().value;
    }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" ></asp:ToolkitScriptManager>
    <fieldset>
        <legend>Font-Design</legend>
        
        <!-- Heading-formatting -->
        <div class="DesignHeading">Heading</div>
        <div class="DesignBody">
            <div class="DesignDescription">Font-size:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="HeadFontSize" runat="server">
                    <asp:ListItem>8pt</asp:ListItem>
                    <asp:ListItem>9pt</asp:ListItem>
                    <asp:ListItem>10pt</asp:ListItem>
                    <asp:ListItem>11pt</asp:ListItem>
                    <asp:ListItem>12pt</asp:ListItem>
                    <asp:ListItem>13pt</asp:ListItem>
                    <asp:ListItem>14pt</asp:ListItem>            
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Font-family:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="HeadFontType" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>Arial</asp:ListItem>
                    <asp:ListItem>Times New Roman</asp:ListItem>
                    <asp:ListItem>Verdana</asp:ListItem>
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="HeadTextColorPicker" runat="server" TargetControlID="HeadTextColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="HeadTextColorBox" runat="server"/></div>

            <div class="DesignDescription">Background-color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="HeadBackColorPicker" runat="server" TargetControlID="HeadBackColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="HeadBackColorBox" runat="server"/></div>
        </div>

        <!-- Content-text-formatting -->
        <div class="DesignHeading">Content-Text</div>
        <div class="DesignBody">
            <div class="DesignDescription">Font-size:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="ContentFontSize" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>8pt</asp:ListItem>
                    <asp:ListItem>9pt</asp:ListItem>
                    <asp:ListItem>10pt</asp:ListItem>
                    <asp:ListItem>11pt</asp:ListItem>
                    <asp:ListItem>12pt</asp:ListItem>
                    <asp:ListItem>13pt</asp:ListItem>
                    <asp:ListItem>14pt</asp:ListItem>            
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Font-family:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="ContentFontType" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>Arial</asp:ListItem>
                    <asp:ListItem>Times New Roman</asp:ListItem>
                    <asp:ListItem>Verdana</asp:ListItem>
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="ContentTextColorPicker" runat="server" TargetControlID="ContentTextColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="ContentTextColorBox" runat="server"/></div>

            <div class="DesignDescription">Background-color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="ContentBackColorPicker" runat="server" TargetControlID="ContentBackColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="ContentBackColorBox" runat="server"/></div>
        </div>

        <!-- Links-formatting -->
        <div class="DesignHeading">Links</div>
        <div class="DesignBody">
            <div class="DesignDescription">Font-size:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="LinkFontSize" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>8pt</asp:ListItem>
                    <asp:ListItem>9pt</asp:ListItem>
                    <asp:ListItem>10pt</asp:ListItem>
                    <asp:ListItem>11pt</asp:ListItem>
                    <asp:ListItem>12pt</asp:ListItem>
                    <asp:ListItem>13pt</asp:ListItem>
                    <asp:ListItem>14pt</asp:ListItem>            
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Font-family:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="LinkFontType" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>Arial</asp:ListItem>
                    <asp:ListItem>Times New Roman</asp:ListItem>
                    <asp:ListItem>Verdana</asp:ListItem>
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="LinkTextColorPicker" runat="server" TargetControlID="LinkTextColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="LinkTextColorBox" runat="server"/></div>

            <div class="DesignDescription">Background-color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="LinkBackColorPicker" runat="server" TargetControlID="LinkBackColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="LinkBackColorBox" runat="server"/></div>
        </div>

        <!-- Table-formatting -->
        <div class="DesignHeading">Tables</div>
        <div class="DesignBody">
            <div class="DesignDescription">Font-size:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="TableFontSize" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>8pt</asp:ListItem>
                    <asp:ListItem>9pt</asp:ListItem>
                    <asp:ListItem>10pt</asp:ListItem>
                    <asp:ListItem>11pt</asp:ListItem>
                    <asp:ListItem>12pt</asp:ListItem>
                    <asp:ListItem>13pt</asp:ListItem>
                    <asp:ListItem>14pt</asp:ListItem>            
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Font-family:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="TableFontType" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>Arial</asp:ListItem>
                    <asp:ListItem>Times New Roman</asp:ListItem>
                    <asp:ListItem>Verdana</asp:ListItem>
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="TableBorderColorPicker" runat="server" TargetControlID="TableBorderColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="TableBorderColorBox" runat="server"/></div>

            <div class="DesignDescription">Background-color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="TableBackColorPicker" runat="server" TargetControlID="TableBackColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="TableBackColorBox" runat="server"/></div>
        </div>
        
        <!-- List-formatting -->
        <div class="DesignHeading">Lists</div>
        <div class="DesignBody">
            <div class="DesignDescription">Font-size:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="ListFontSize" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>8pt</asp:ListItem>
                    <asp:ListItem>9pt</asp:ListItem>
                    <asp:ListItem>10pt</asp:ListItem>
                    <asp:ListItem>11pt</asp:ListItem>
                    <asp:ListItem>12pt</asp:ListItem>
                    <asp:ListItem>13pt</asp:ListItem>
                    <asp:ListItem>14pt</asp:ListItem>            
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Font-family:</div>
            <div class="DesignParameter">
                <asp:DropDownList ID="ListFontType" runat="server" DropDownListStyle="DropDownListList">
                    <asp:ListItem>Arial</asp:ListItem>
                    <asp:ListItem>Times New Roman</asp:ListItem>
                    <asp:ListItem>Verdana</asp:ListItem>
                </asp:DropDownList>
            </div>

            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="ListTextColorPicker" runat="server" TargetControlID="ListTextColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="ListTextColorBox" runat="server"/></div>

            <div class="DesignDescription">Background-color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="ListBackColorPicker" runat="server" TargetControlID="ListBackColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="ListBackColorBox" runat="server"/></div>
        </div>

    </fieldset>
    <br />

    <fieldset>
        <legend>Background-colors</legend>
        <div class="DesignHeading">Header:</div>
        <div class="DesignBody">
            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="HeaderColorPicker" runat="server" TargetControlID="HeaderColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="HeaderColorBox" runat="server"/></div>
        </div>
        <div class="DesignHeading">Footer:</div>
        <div class="DesignBody">
            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="FooterColorPicker" runat="server" TargetControlID="FooterColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="FooterColorBox" runat="server"/></div>
        </div>
        <div class="DesignHeading">Row1:</div>
        <div class="DesignBody">
            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="Row1ColorPicker" runat="server" TargetControlID="Row1ColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="Row1ColorBox" runat="server"/></div>
        </div>
        <div class="DesignHeading">Row2:</div>
        <div class="DesignBody">
            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="Row2ColorPicker" runat="server" TargetControlID="Row2ColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="Row2ColorBox" runat="server"/></div>
        </div>
        <div class="DesignHeading">Body:</div>
        <div class="DesignBody">
            <div class="DesignDescription">Color:</div>
            <div class="DesignParameter"><asp:ColorPickerExtender ID="Row3ColorPicker" runat="server" TargetControlID="Row3ColorBox" OnClientColorSelectionChanged="colorChanged"/><asp:TextBox ID="Row3ColorBox" runat="server"/></div>
        </div>
    </fieldset>
    <asp:Button ID="Button1" runat="server" CausesValidation="False" 
        onclick="Button1_Click" Text="Apply" />
</asp:Content>

